<template>
    <div class="field-control field-control-inline" :class="{'field-control-error': validate}">
        <AutoComplete :data="rangeList" :disabled="disabled" :name="name"  @input="valueInput" :value="value">
        </AutoComplete>
        <div class="field-message" v-show="!validate">{{message}}</div>
    </div>
</template>

<script>
import base from './base'
import Field from '../type'

export default {
    extends: base,
    data() {
        return {
            data: []
        }
    },
    computed: {
        rangeList() {
            return Field.state.parseRangeset(this.model)
        }
    },
    watch: {
    },
    methods: { }
}
</script>
<style lang="less">
.field-control-inline {
    position: relative;
    textarea.ivu-input {
        font-size: 12px;
        width: 100% !important;
    }
}

.virtual-input {
    position: absolute;
    z-index: 0;
    padding: 0 8px;
    visibility: hidden;
    max-width: 398px;
    word-wrap: break-word;
    white-space: pre;
    height: 1px;
    overflow: hidden;
}

.tran-btn {
    font-size: 16px;
    position: absolute;
    z-index: 2;
    right: 2px;
    top: -2px;
    cursor: pointer;
    color: rgba(45, 140, 240, 0.60);
}
</style>
